<!--
 * @Descripttion: 模板
 * @version: 
 * @Author: zhoukai
 * @Date: 2022-07-28 09:54:02
 * @LastEditors: zhoukai
 * @LastEditTime: 2022-09-16 01:55:28
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <link rel="icon" href="%PUBLIC_URL%/static/favicon.ico" />
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
  <meta name="theme-color" content="#000000" />
  <meta name="description" content="中国银联" />
  <title>react-h5-tmp</title>
  <style>
    #root {
      background-color: #f4f5f6;
      height: 100%;
      overflow-y: auto;
    }

    .top-safe-area {
      padding-top: constant(safe-area-inset-top);
      padding-top: env(safe-area-inset-top);
    }

    .bottom-safe-area {
      padding-bottom: constant(safe-area-inset-bottom);
      padding-bottom: env(safe-area-inset-bottom);
    }
  </style>
  <script>
    if (!Object.entries) {
      Object.entries = function (obj) {
        const ownProps = Object.keys(obj);
        let i = ownProps.length;
        const resArray = new Array(i); // preallocate the Array
        while (i--) resArray[i] = [ownProps[i], obj[ownProps[i]]];
        return resArray;
      };
    }
  </script>
</head>

<body>
  <div id="root" class="top-safe-area bottom-safe-area"></div>
</body>

</html>